<template>
	<view class="set_center_main">
		<view class="set_center_item" v-for="(item, index) in setList" :key="index" @click="handleItemSkip(index)">
			<text>{{item}}</text>
			<view class="set_center_skip">
				<image src="../../../static/image/icon-xyy.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				setList: ['实名认证','银行卡绑定','账户与安全','上传收款码'] // set列表
			}
		},
		onLoad() {
		},
		methods:{
			// 点击列表项跳转
			handleItemSkip(index) {
				let skipIndex = index;
				switch(skipIndex) {
					case 0:
					uni.navigateTo({
						url: '../certification/index'
					})
					break;
					case 1:
					uni.navigateTo({
						url: '../bindBank/index'
					})
					break;
					case 2:
					uni.navigateTo({
						url: '../../login/changePassword/index'
					})
					break;
					case 3:
					uni.navigateTo({
						url: '../uploadMoneyCode/index'
					})
					break;
				}
			},
		},
		components: {
		}
	} 
</script>

<style lang="less" scoped>
	page, .add_bank_card_main {
		background: #EFEFEF;
		height: 100vh;
	}
	.set_center_main {
		background-color: #fff;
		.set_center_item {
			font-size: 28rpx;
			color: #4F4F4F;
			padding: 0 46rpx;
			height: 100rpx;
			line-height: 100rpx;
			border-bottom: 1px solid #F7F7F7;
			.set_center_skip {
				float: right;
				image {
					width: 13rpx;
					height: 23rpx;
				}
			}
		}
		.set_center_item:last-child {
			border: none;
		}
	}
</style>
